import React from 'react';
import FormInput from "./FormInput";
import FormButton from "./FormButton";

function Form(props) {


    return (
        <div>
            <FormInput
                clearFlag={props.clearFlag}
                description="Username"
                placeholder="Enter your username"
                type="text"
                changeUsername={props.changeUsername}
            >
            </FormInput>
            <FormInput
                description="Password"
                placeholder="Enter your password"
                type="password"
                changePassword={props.changePwd}
            >
            </FormInput>
            <FormButton login={props.login} title="Log in">
            </FormButton>
        </div>
    );
}

export default Form;
